<template>
    <h1>hello vue3</h1>
    <div>{{ obj }}</div>
    <button @click="changeName">点我年龄+1</button>
</template>

<script>
// 1. 引进 reactive 的方法，才能调用
import { reactive } from 'vue';

export default {
    // 业务代码，都写setup里面
    setup() {
        // 2. 调用 reactive 方法，把数据转换成响应式
        const obj = reactive({
            name: 'zs',
            age: 20
        })
        const changeName = () => {
            obj.age++
            console.log('obj', obj);
        }
        return { obj, changeName }
    }
}
</script>